<template>
  <view>
    <button class="callWeBtn" open-type="contact">联系我们</button>
    <image src="@/static/img/icon/WeChatIcon.png" mode="scaleToFill" />
    <text>联系我们</text>
  </view>
</template>

<script>
export default {
  data() {
    return {

    }
  },
}
</script>

<style scoped>
button::after {
  border: none;
}

button {
  background: transparent;
  border-radius: 0;
  padding: 0;
  margin: 0;
}

view {
  position: fixed;
  bottom: 50rpx;
  right: 40rpx;
  border-radius: 50%;
  width: 80rpx;
  height: 80rpx;
  background: white;
}

image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
}

text {
  font-size: 18rpx;
}

.callWeBtn {
  width: 100%;
  height: 100%;
  background: blue;
  opacity: 0;
  z-index: 1;
}
</style>